// import React, {Component} from "react";
// import {
// 	View,
// 	Text,
// 	Image,
// 	TouchableOpacity,
// 	WebView,
// } from "react-native";
// import Icon from 'react-native-vector-icons/FontAwesome';

// import styles from "./style";

// WEBVIEW_REF = 'webview';

// export default class ShoppingMall extends Component {
// 	static navigationOptions = {
// 		header: null,
// 		tabBarLabel: "商城",
// 		tabBarVisible: false,
// 		tabBarIcon: ({tintColor}) => (
// 			<Image 
// 				source={require('../images/shopping.png')}
// 				style={[{tintColor: tintColor}, styles.iconImage]}
// 			/>
// 		),
// 		// tabBarOnPress: (({route, index}, jumpToIndex) => {
// 		// 	alert(1);
// 		// 	jumpToIndex(index);
// 		// })
// 	}
// 	constructor(props) {
// 		super(props);
// 	}
// 	// componentDidMount() {
// 	// 	const {navigate} = this.props.navigation;
// 	// 	navigate("shoppingIndex");
// 	// }

// 	render() {
// 		const {navigate} = this.props.navigation;
// 		return (
// 			<View style={{flex: 1}}>
// 				<View style={{height: 37}}>
// 					<TouchableOpacity onPress={() => { navigate("Home"); }}>
// 						<Icon name="chevron-left" size={20} color="#333" style={{marginTop: 10, marginLeft: 15,}} />
// 					</TouchableOpacity>
// 				</View>				
// 				<WebView
// 					ref={WEBVIEW_REF}
// 					source={{uri: 'https://m.taobao.com/?sprefer=sypc00#index'}}
// 					startInLoadingState={true}
// 					domStorageEnabled={true}
// 					javaScriptEnabled={true}
// 					automaticallyAdjustContentInsets={true}
// 				/>
// 			</View>
// 		);
// 	}
// }

import React, {Component} from "react";
import {
	View,
	Text,
	Image,
	Button,
} from "react-native";

import styles from "./style";


export default class ShoppingMall extends Component{
	static navigationOptions = ({navigation}) => {
		return {
			tabBarLabel: "商城",
			tabBarIcon: ({tintColor}) => (
				<Image 
					source={require('../images/shopping.png')}
					style={[{tintColor: tintColor}, styles.iconImage]}
				/>
			),
			tabBarOnPress: (({ route, index }, jumpToIndex) => {
				navigation.navigate("shoppingIndex");
				// jumpToIndex(index);
			}),
		}
	}
	constructor(props) {
		super(props);
		console.log(this)
	}
	render() {
		return null;
	}
}

